<template>
  <div class="outmain ba_f">
    <div class="shuju_title mar_b20">
      <div class="shuju_title_text">
        <span>应用中心</span>
      </div>
    </div>
    <div class="market mar_b30">
      <div class="mtitle color_3 fon_16">经营渠道</div>
      <div class="market-con clearfix">
        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="jyqd('wxxcx')" v-show="channel_ids.indexOf('mini')>-1">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/channel_icon1.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">微信小程序</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="一键生成微信小程序">一键生成微信小程序</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15" @click="jyqd('wxgzh')" v-if="channel_ids.indexOf('wechat') >= 0">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/channel_icon5.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">微信公众号</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="连接公众号，打通微信">连接公众号，打通微信</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15" @click="jyqd('zfbxcx')" v-if="channel_ids.indexOf('ali') >= 0">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/channel_icon3.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">支付宝小程序</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="一键生成支付宝小程序">一键生成支付宝小程序</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15" @click="jyqd('zjtdxcx')" v-if="channel_ids.indexOf('zijie') >= 0">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/channel_toutiao.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">字节跳动小程序</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="一键生成字节跳动小程序">一键生成字节跳动小程序</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="jyqd('elm')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/channel_icon6.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">饿了么</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="一键获取饿了么平台订单">一键管理饿了么平台订单</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="jyqd('mtwm')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/channel_icon7.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">美团外卖</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="无缝对接美团外卖，打造高效行业生态">一键管理美团平台订单</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="market mar_b30">
      <div class="mtitle color_3 fon_16">
        营销活动
      </div>
      <div class="market-con clearfix">
        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('yhq')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon2.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">优惠券</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="使用优惠券，购物有优惠">使用优惠券，购物有优惠</p>
            </div>
          </div>
        </div>
        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('mj')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon15.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">满额立减</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="设置订单满多少金额享受优惠">设置订单满多少金额享受优惠</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('psfyh')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon14.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">配送费满减</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="满额立减配送费，提高订单流量和转化率">满额立减配送费，提高订单流量和转化率</p>
            </div>
          </div>
        </div>
        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('tcyhq')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon2.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">弹窗优惠券</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="优惠券定向发放神器">优惠券定向发放神器</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('xdfhb')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon6.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">下单返红包</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="促进用户再次进店下单，提升复购率">促进用户再次进店下单，提升复购率</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('xdyl')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon3.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">支付有礼</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="用户付款后,发放店铺优惠券">用户付款后,发放店铺优惠券</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('dpmz')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon16.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">店铺满赠</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="设置赠品，回馈用户">设置赠品，回馈用户</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('cjhg')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon11.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">超级换购</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="超级换购">超级换购</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('sphd')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/sphuodong.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">商品活动</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="商品活动">商品活动</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('dejbj')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/dierjian.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">第二件打折</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="第二件半价">第二件打折</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('dhm')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/duihuanma.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">兑换码</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="凭码兑换权益礼包">凭码兑换权益礼包</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('qb')" v-show="plug_ids.indexOf('rollBag')>-1">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon20.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">券包</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="多种优惠券，拉新促活促复购">多种优惠券，拉新促活促复购</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('xcxzb')" v-if="plug_ids.indexOf('miniPlay')>-1">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon23.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">小程序直播</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="无需繁琐流程，一键开通直播">无需繁琐流程，一键开通直播</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('ldx')"  v-if="plug_ids.indexOf('oldWithNew')>-1">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon4.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">老带新</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="刺激分享，新用户快速裂变">刺激分享，新用户快速裂变</p>
            </div>
          </div>
        </div>

         <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('fxs')"  v-if="plug_ids.indexOf('distribution')>-1">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon18.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">分销商</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="全民推广裂变，快速拓客销货">全民推广裂变，快速拓客销货</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('gfhb')" v-if="plug_ids.indexOf('dividend') >= 0">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic"><img src="../../assets/img/channel/market_icon6.png" class="dis_bk"></div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">瓜分红包</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="下单得红包，分享好友，每人得红包">下单得红包，分享好友，每人得红包</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('cashReg')" v-if="plug_ids.indexOf('cashier') >= 0">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/syt.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">收银台</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="凭码兑换权益礼包">快捷收银，扫码枪扫码支付</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('vip')" v-if="plug_ids.indexOf('payVip') >= 0">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/fufeivip.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">付费会员卡</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="付费会员卡">付费会员卡</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs"  @click="yxgn('yy')" v-if="plug_ids.indexOf('reserve') >= 0">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic"><img src="../../assets/img/channel/yy.png" class="dis_bk"></div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">餐桌预定</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="提前预约，高效管理">提前预约，高效管理</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs"  @click="yxgn('pdqh')" v-if="plug_ids.indexOf('queuing') >= 0">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/paidui.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">排队取号</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="根据餐桌情况叫号,灵活方便">根据餐桌情况叫号,灵活方便</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('jsjc')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/cunjiu.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">酒水寄存</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="酒水寄存">酒水寄存</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('jdfhb')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon6.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">集点返红包</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="忠实粉丝养成，提高复购频次">忠实粉丝养成，提高复购频次</p>
            </div>
          </div>
        </div>

      </div>
    </div>
    <div class="market mar_b30">
      <div class="mtitle color_3 fon_16">
        引流拉新
      </div>
      <div class="market-con clearfix">
        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yllx('xkzx')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon30.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">新客专享</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="新用户首次进入平台，立享好礼">新用户首次进入平台，立享好礼</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yllx('xklj')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon29.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">门店新客立减</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="门店新客立减，吸引新用户">门店新客立减，吸引新用户下单</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yllx('scyl')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon31.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">收藏有礼</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="全面抢占微信入口">全面抢占微信入口</p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="market mar_b30">
      <div class="mtitle color_3 fon_16">
        客群维护
      </div>
      <div class="market-con clearfix">
        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="kqwh('hycz')" v-show="new_ids.indexOf('balanceRecharge')>-1">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon8.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">会员储值</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="吸引客户储值提高客户粘性和复购率">吸引客户储值提高客户粘性和复购率</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="kqwh('sryl')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon12.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">生日有礼</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="在顾客生日送去祝福">在顾客生日送去祝福</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="kqwh('zxzx')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon32.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">资讯中心</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="提供行业的最热新闻资讯">提供行业的最热新闻资讯</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="kqwh('jfsc')" v-show="new_ids.indexOf('integralShop')>-1">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon9.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">积分商城</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="用积分可以兑换商品">用积分可以兑换商品</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="kqwh('jfqd')" v-show="new_ids.indexOf('signIndex')>-1">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon10.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">积分签到</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="每日签到领积分和优惠券">每日签到领积分和优惠券</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="kqwh('fqb')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon1.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">发券宝</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="指定发券，精准营销">指定发券，精准营销</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="market mar_b30">
      <div class="mtitle color_3 fon_16">
        配套工具
      </div>
      <div class="market-con clearfix">
        <div class="market-item fl wid17 curs pad_r_15 mar_t15" @click="ptgj('xxtz')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon26.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">云喇叭</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="云喇叭">云喇叭</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="ptgj('yyhc')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon28.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">语音合成</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="百度AI语音合成账号设置">百度AI语音合成账号设置</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15" @click="ptgj('hmgl')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon27.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">活码管理</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="活码管理">活码管理</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="ptgj('mdm')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon25.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">推广码</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="推广码">推广码</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="ptgj('wlscgj')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../assets/img/channel/market_icon25.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">微信小程序外链生成工具</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="全网高效引流">全网高效引流</p>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</template>
<script>
import { mapMutations, mapState } from 'vuex';
export default {
  data() {
    return {};
  },
  computed: {
    ...mapState(['jurisdiction']),
    //渠道1微信公众号，mini微信小程序，3支付宝小程序，4百度小程序，5字节跳动小程序
    channel_ids: {
      get() {
        return this.jurisdiction.channel_ids || [];
      }
    },
    //增值1堂食，2会员卡，balanceRecharge会员储值，signIndex积分签到，integralShop积分商城
    new_ids: {
      get() {
        return this.jurisdiction.new_ids || [];
      }
    },
    service_ids: {
      get() {
        return this.jurisdiction.service_ids || [];
      }
    },
    //插件1老带新，2瓜分红包，miniPlay小程序直播，rollBag券包
    plug_ids: {
      get() {
        return this.jurisdiction.plug_ids || [];
      }
    }
  },
  created() {
    this.bus.$emit('loading', true);
    setTimeout(() => {
      this.bus.$emit('loading', false);
    }, 500);
  },
  methods: {
    ...mapMutations(['setmenuCurrent']),
    jyqd(type) {
      switch (type) {
        case 'wxxcx':
          this.$router.push({ path: 'miniapplets' });
          sessionStorage.setItem('menuCurrent', 'miniapplets');
          this.setmenuCurrent('miniapplets');
          break;
        case 'wxgzh':
          this.$router.push({ path: 'wechatapplets' });
          sessionStorage.setItem('menuCurrent', 'wechatapplets');
          this.setmenuCurrent('wechatapplets');
          break;
        case 'zfbxcx':
          this.$router.push({ path: 'zfbapplets' });
          sessionStorage.setItem('menuCurrent', 'zfbapplets');
          this.setmenuCurrent('zfbapplets');
          break;
        case 'bdxcx':
          this.$router.push({ path: 'baiduapplets' });
          sessionStorage.setItem('menuCurrent', 'baiduapplets');
          this.setmenuCurrent('baiduapplets');
          break;
        case 'zjtdxcx':
          this.$router.push({ path: 'dyapplets' });
          sessionStorage.setItem('menuCurrent', 'dyapplets');
          this.setmenuCurrent('dyapplets');
          break;
        case 'elm':
          this.$router.push({ path: 'elemapplets' });
          break;
        case 'mtwm':
          this.$router.push({ path: 'meituanapplets' });
          break;
        default:
          this.$baseMessage('敬请期待', 'success');
      }
    },
    dptz(type) {
      switch (type) {
        case 'xcx':
          this.$router.push({ path: 'miniapplets' });
          break;
        default:
          this.$baseMessage('敬请期待', 'success');
      }
    },
    kqwh(type) {
      switch (type) {
        case 'hycz':
          this.$router.push({ path: 'valuerule' });
          sessionStorage.setItem('menuCurrent', 'valuerule');
          this.setmenuCurrent('valuerule');
          break;
        case 'jfsc':
          this.$router.push({ path: 'managegood' });
          sessionStorage.setItem('menuCurrent', 'managegood');
          this.setmenuCurrent('managegood');
          break;
        case 'jfqd':
          this.$router.push({ path: 'signintj' });
          sessionStorage.setItem('menuCurrent', 'signintj');
          this.setmenuCurrent('signintj');
          break;
        case 'rwgl':
          this.$router.push({ path: 'management' });
          break;
        case 'sryl':
          this.$router.push({ path: 'happybirthdaylist' });
          sessionStorage.setItem('menuCurrent', 'happybirthdaylist');
          this.setmenuCurrent('happybirthdaylist');
          break;
        case 'fqb':
          this.$router.push({ path: 'couponsbaglist' });
          sessionStorage.setItem('menuCurrent', 'couponsbaglist');
          this.setmenuCurrent('couponsbaglist');
          break;
        case 'zxzx':
          this.$router.push({ path: 'informationlist' });
          sessionStorage.setItem('menuCurrent', 'informationlist');
          this.setmenuCurrent('informationlist');
          break;
        default:
          this.$baseMessage('敬请期待', 'success');
      }
    },
    yllx(type) {
      switch (type) {
        case 'xkzx':
          this.$router.push({ path: 'newslist' });
          break;
        case 'xklj':
          this.$router.push({ path: 'customerlist' });
          break;
        case 'scyl':
          this.$router.push({ path: 'collectionlist' });
          sessionStorage.setItem('menuCurrent', 'collectionlist');
          this.setmenuCurrent('collectionlist');
          break;
        default:
          this.$baseMessage('敬请期待', 'success');
      }
    },
    ptgj(type) {
      switch (type) {
        case 'xxtz':
          this.$router.push({ path: 'msgnotlist' });
          break;
        case 'yyhc':
          this.$router.push({ path: 'voiceset' });
          break;
        case 'hmgl':
          this.$router.push({ path: 'tablemanager' });
          break;
        case 'mdm':
          this.$router.push({ path: 'tablecode' });
          break;
        case 'wlscgj':
          this.$router.push({ path: 'linkslist' });
          break;
        default:
          this.$baseMessage('敬请期待', 'success');
      }
    },
    yxgn(type) {
      switch (type) {
        case 'psfyh':
          this.$router.push({ path: 'deliverylist' });
          break;
        case 'mj':
          this.$router.push({ path: 'fulllist' });
          break;
        case 'xcxzb':
          this.$router.push({ path: 'livelist' });
          sessionStorage.setItem('menuCurrent', 'livelist');
          this.setmenuCurrent('livelist');
          break;
        case 'yhq':
          this.$router.push({ path: 'couponlist' });
          break;
        case 'xdfhb':
          this.$router.push({ path: 'orderRedlist' });
          break;
        case 'xdyl':
          this.$router.push({ path: 'orderCourtesylist' });
          break;
        case 'dpmz':
          this.$router.push({ path: 'giftlist' });
          break;
        case 'cjhg':
          this.$router.push({ path: 'purchaselist' });
          break;
        case 'tcyhq':
          this.$router.push({ path: 'windowcoupon' });
          sessionStorage.setItem('menuCurrent', 'windowcoupon');
          this.setmenuCurrent('windowcoupon');
          break;
        case 'dhm':
          this.$router.push({ path: 'exchangelist' });
          sessionStorage.setItem('menuCurrent', 'exchangelist');
          this.setmenuCurrent('exchangelist');
          break;
        case 'qb':
          this.$router.push({ path: 'rollbaglist' });
          sessionStorage.setItem('menuCurrent', 'rollbaglist');
          this.setmenuCurrent('rollbaglist');
          break;
        case 'sphd':
          this.$router.push({ path: 'goodsActive', query: { pageType: 1 } });
          break;
        case 'dejbj':
          this.$router.push({ path: 'goodsActive', query: { pageType: 2 } });
          break;
        case 'fxs':
          this.$router.push({ path: 'distribution' });
          sessionStorage.setItem('menuCurrent', 'distribution');
          this.setmenuCurrent('distribution');
          break;
        case 'ldx':
          this.$router.push({ path: 'oldOrNew' });
          sessionStorage.setItem('menuCurrent', 'oldOrNew');
          this.setmenuCurrent('oldOrNew');
          break;
        case 'vip':
          this.$router.push({ path: 'card' });
          sessionStorage.setItem('menuCurrent', 'card');
          this.setmenuCurrent('card');
          break;
        case 'cashReg':
          this.$router.push({ path: 'cashReg' });
          sessionStorage.setItem('menuCurrent', 'cashReg');
          this.setmenuCurrent('cashReg');
          break;
        case 'pdqh':
          this.$router.push({ path: 'queuingdetails' });
          sessionStorage.setItem('menuCurrent', 'queuingdetails');
          this.setmenuCurrent('queuingdetails');
          break;
        case 'jsjc':
          this.$router.push({ path: 'storage' });
          sessionStorage.setItem('menuCurrent', 'storage');
          this.setmenuCurrent('storage');
          break;
        case 'yy':
          this.$router.push({ path: 'appointmentlist' });
          sessionStorage.setItem('menuCurrent', 'appointmentlist');
          this.setmenuCurrent('appointmentlist');
          break;
        case 'gfhb':
          this.$router.push({ path: 'dividend' });
          sessionStorage.setItem('menuCurrent', 'dividend');
          this.setmenuCurrent('dividend');
          break;
        case 'jdfhb':
          this.$router.push({ path: 'jdRedlist' });
          break;
        default:
          this.$baseMessage('敬请期待', 'success');
      }
    }
  }
};
</script>
<style lang="scss" scoped>
.market .mtitle {
    font-size: 16px;
    font-weight: bold;
    padding: 20px;
    background-color: #f3f5f6;
}

.market-con {
  margin-right: -15px;
}

.market-con .item-wrapper {
  padding: 0 10px 0 20px;
  height: 100px;
  border-radius: 6px;
  border: 1px solid #ebebeb;
}

.pic img {
  width: 60px;
  height: 60px;
  border-radius: 50px;
}

.notice-expect {
  background: #999;
  padding: 1px 5px;
  right: 0;
  top: 0;
}

.notice-new {
  background: #fc6060;
  padding: 1px 5px;
  right: 0;
  top: 0;
}

.wid17 {
  width: 20%;
  transition: 0.2s all ease;
}

.mar_t15 {
    margin-top: 20px;
}

.color_9 {
    color: #666;
    font-weight: 500;
}

.ba_f57a {
    background: #ffffff;
}
</style>
